<template>
  <div id="app">
    <transition name="fade" mode="out-in">
      <keep-alive :include="['home', 'applyList', 'process', 'profile', 'charge']">
        <router-view />
      </keep-alive>
    </transition>
  </div>
</template>

<script>

  export default {
    name: 'App',
  }
</script>

<style lang="scss">
  @-webkit-keyframes slideInLeft{
    0%{
      -webkit-transform:translate3d(-100%,0,0);
      transform:translate3d(-100%,0,0);
      visibility:visible
    }
    to{
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
    }
  }
  @keyframes slideInLeft{
    0%{
      -webkit-transform:translate3d(-100%,0,0);
      transform:translate3d(-100%,0,0);
      visibility:visible
    }
    to{
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
    }
  }
  .slideInLeft-enter-active{
    animation: slideInLeft .5s;
  }
  .fade-enter-active,.fade-leave-active{transition: all 0.1s;}
  .fade-enter,.fade-leave-active{opacity: 0;}
  body{
    min-width: 100vw;
    color: #323233;
    font-family: 'PingFang SC', Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, Arial, sans-serif;
    line-height: 1;
    background-color: #f7f8fa;
    -webkit-font-smoothing: antialiased;
  }
  .van-section{
    box-sizing: border-box;
    padding: 20px 0 14px;
  }
  .van-block{
    padding: 0 16px;
  }
  .van-title{
    margin: 0;
    color: rgba(69, 90, 100, 0.6);
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    &.switch{
      display: flex;
    }
  }
  .van-nav-bar{
    background-color: #35495e !important;
    .van-nav-bar__title{color: #fff;}
    .van-icon{color: #fff !important;}
  }
  .van-hairline--bottom::after {
    border-bottom-width: 0px;
  }
  .loanList, .loanDetail{
    .van-panel__header{
      display: none;
    }
    .van-panel__content{
      padding: 20px 10px;
      .iconWrap{    
        text-align: center;
        .van-icon{margin: 30px 0;}
      }
      .text{
        font-size: 14px;
        line-height: 20px;
        color: #a3a3a3;
        .title{
          font-weight: bold;
          font-size: 16px;
          color: #000;
          &.big{font-size: 25px;line-height: 38px;}
        }
      }
    }
  }
  .normalList{
    padding: 10px 0;
    .van-panel{
      margin-bottom: 10px;
      .van-cell__title{
        font-size: 16px;
      }
      .detail{
        padding: 10px 4% 20px;
        font-size: 14px;
        line-height: 20px;
        color: #828282;
      }
    }
  }
</style>
